<template>
  <van-nav-bar title="登录" left-text="返回" right-text="注册" left-arrow @click-left="$router.back()"
    @click-right="$router.push('/register')" placeholder fixed />
  <van-form @submit="loginFn()">
    <van-cell-group inset>
      <van-field v-model="username" name="用户名" label="用户名" placeholder="用户名"
        :rules="[{ required: true, message: '请填写用户名' }]" />
      <van-field v-model="password" type="password" name="密码" label="密码" placeholder="密码"
        :rules="[{ required: true, message: '请填写密码' }]" />
    </van-cell-group>
    <div style="margin: 16px">
      <van-button round block type="primary" native-type="submit"> 登录 </van-button>
    </div>
  </van-form>
</template>

<script setup>
import { loginReq } from '@/api/user'
import { showDialog } from 'vant'
import { ref } from 'vue'
import { useRouter } from 'vue-router'
let router = useRouter()
let username = ref('')
let password = ref('')
async function loginFn() {
  let res = await loginReq(username.value, password.value)
  showDialog({
    title: '提示',
    message: res.data.message,
  }).then(() => { })
  if (res.data.code == 200) {
    localStorage.setItem('token', res.data.data.token)
    localStorage.setItem('userid', res.data.data.userid)
    router.push('/')
  }
}
</script>

<style></style>
